window.onload = function () {
  const { createEditor, createToolbar } = window.wangEditor;

  const editorConfig = {
    placeholder: "Type here...",
    onChange(editor) {
      // const html = editor.getHtml();
      // console.log("editor content", html);
      // 也可以同步到 <textarea>
    },
  };

  const editor = createEditor({
    selector: "#editor-container",
    html: "<p><br></p>",
    config: editorConfig,
    mode: "default", // or 'simple'
  });

  const toolbarConfig = {};

  const toolbar = createToolbar({
    editor,
    selector: "#toolbar-container",
    config: toolbarConfig,
    mode: "default", // or 'simple'
  });

  $("#pub-btn").click(function (event) {
    // 阻止按钮默认行为
    event.preventDefault();

    let title = $("input[name='title']").val();
    let category = $("#category-select").val();
    let content = editor.getHtml();
    let csrfmiddlewaretoken = $("input[name='csrfmiddlewaretoken']").val();
    $.ajax("/myblog/pub", {
      method: "POST",
      data: { title, category, content, csrfmiddlewaretoken },
      success: function (res) {
        if (res["code"] == 200) {
          let blog_id = res["data"]["blog_id"];
          window.location = "/myblog/detail/" + blog_id;
        } else {
          alert(res["message"]);
        }
      },
      fail: function (err) {
        console.log(err);
      },
    });
  });
};
